/* 销售点登录 */
.login-container{
	height: 100%;
}
.login-container .title{
	padding: .24rem .26rem;
	background: #505568;
	line-height: .64rem;
  color: #fff;
  font-size: .38rem;
	margin-bottom: .3rem;
}
.login-form{
	margin-bottom: .5rem;
	background: #fff
}
.login-form li{
	width: 100%;
	display: flex;
	padding: 0 .26rem;
	flex-direction: row;
	border-bottom: 1px solid #E8E8E8;
}
.login-form li>span{
	width: 4em;
	line-height: .9rem;
	color: #84888E;
}
.login-form li>div{
	flex: 1;
	height: .9rem;
	line-height: .9rem;
}
.login-form li>div .ipt{
	border: none;
	background: transparent;
	box-sizing: border-box;
	width: 100%;
	padding: 0;
	height: .9rem;
	line-height: .9rem;
}
.login-container .btns{
	padding:	0 .26rem;
}
.login-tip{
	position: fixed;
	bottom: .3rem;
	left: .26rem;
	right: .26rem;
	text-align: center;
	line-height: 1.6;
	font-size: .26rem;
	color: #9b9fa8;
}

/*销售点样式*/
.sales-container{
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
}
.sales-top{
	padding: .24rem .26rem;
	background: #4D5766;
}
.sales-top span{
	display: inline-block;
	height: .64rem;
	line-height: .64rem;
	color: #fff;
	font-size: .38rem;
	padding-right: .4rem;
	position: relative;
}
.sales-top span:after{
	display: block;
	content: "";
	position: absolute;
	right: 0;
	top: .28rem;
	border: .1rem solid transparent;
	border-top-color: #fff;
}
.sales-top p{
	line-height: .42rem;
	color: #aeb1c2;
}
.sales-data{
	padding: 0 .36rem;
	display: flex;
	flex-direction: row;
	background: #fff;
	border-bottom: 1px solid #E8E8E8;
}
.sales-data li{
	flex: 1;
	text-align: center;
	padding: .24rem 0 .24rem;
}
.sales-data li span{
	display: block;
	line-height: .5rem;
	font-size: .44rem;
	color: #E3B36A;
}
.sales-data li em{
	display: block;
	line-height: .38rem;
	color: #858585;
}
.sales-trip{
	padding-top: .3rem;
}
.sales-trip li{
	padding: 0 .26rem .26rem 1.54rem;
	position: relative;
}
.sales-trip li>em{
	position: absolute;
	left: .26rem;
	top: .12rem;
	display: inline-block;
	margin-right: .26rem;
	width: 1.1rem;
	background: #4D5766;
	border-radius: .08rem;
	text-align: center;
	line-height: .52rem;
	font-size: .34rem;
	color: #fff;
}
.trip-block{
	background: #fff;
	border-bottom: 1px solid #E8E8E8;
}
.trip-block .trip-head{
	height: .76rem;
	padding: 0 .26rem;
	background: #FFFAF3;
	line-height: .76rem;
}
.trip-block .trip-head span{
	float: left;
	color: #4D5766;
}
.trip-block .trip-head em{
	float: right;
	color: #E3B36A;
	font-size: .32rem;
}
.trip-block .trip-body{
	display: flex;
	flex-direction: row;
	padding: .2rem .26rem;
}
.trip-body .left{
	flex: 1;
}
.trip-body .left span{
	display: block;
	padding-left: .36rem;
	line-height: .4rem;
	font-size: .32rem;
	color: #4D5766;
	position: relative;
}
.trip-body .left em{
	display:block;
	line-height: .32rem;
	font-size: .28rem;
	color: #c1c1c1;
	padding: .16rem 0 .16rem .36rem;
	position: relative;
}
.trip-body .left span:before,
.trip-body .left em:before{
	display: block;
	content: "";
	position: absolute;
	left: .08rem;
	top: 0;
	bottom: 0;
	width: .04rem;
	background: #E8E8E8;
}
.trip-body .left span:after{
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: .1rem;
	height: .1rem;
	border: .05rem solid #4BB34A;
	border-radius: 50%;
	background: #fff;
}
.trip-body .left span:last-child{
	padding-bottom: 0;
}
.trip-body .left span:first-child:before{
	top: 50%;
}
.trip-body .left span:last-child:before{
	bottom: 50%;
}
.trip-body .left span:last-child:after{
	border-color: #CA585C;
}
.trip-body .right{
	width: 1.38rem;
	padding-right: .22rem;
	position: relative;
	background: url(../image/right_icon.png) no-repeat right center;
	background-size: .2rem .2rem;
}
.trip-body .right span{
	position: absolute;
	right: .22rem;
	top: 50%;
	transform: translateY(-50%);
	display: inline-block;
	text-align: right;
	font-size: .32rem;
}

/*班次详情样式*/
.trip-container{
	background: #4D5766;
	box-sizing: border-box;
	padding: .3rem .26rem;
	overflow: hidden;
	overflow-y: auto;
}
.trip-container>h1{
	line-height: .6rem;
	font-size: .38rem;
	color: #fff;
	margin-bottom: .14rem;
}
.trip-line{
	width: 100%;
	display: flex;
	flex-direction: row;
	color: #fff;
}
.trip-line .left{
	flex: 1;
	line-height: .48rem;
	font-size: .36rem;
}
.trip-line .right{
	flex: 1;
	line-height: .48rem;
	font-size: .38rem;
	text-align: right;
}
.trip-line .middle{
	width: 1.6rem;
	height: .8rem;
	position: relative;
}
.trip-line .middle span{
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: .34rem;
	text-align: center;
	opacity: .7;
}
.trip-line .middle:before{
	display: block;
	content: "";
	position: absolute;
	left: .2rem;
	right: .2rem;
	top: .24rem;
	height: 1px;
	background: #fff;
}
.trip-line .middle:after{
	display: block;
	content: "";
	position: absolute;
	right: .19rem;
	top: .18rem;
	height: 1px;
	width: .38rem;
	background: #fff;
	transform:rotate(20deg);
}
.trip-card-list{
	padding-top: .16rem;
}
.trip-card{
	background: #fff;
	border-radius: .1rem;
	overflow: hidden;
	margin-bottom: .3rem;
}
.trip-card>p{
	height: .72rem;
	background: #FFFAF3;
	line-height: .72rem;
	padding: 0 .26rem;
	color: #4D5766;
	font-size: .28rem;
}
.trip-card>p em{
	float: right;
	font-size: .34rem;
	color: #E3B36A;
}
.trip-card ul{
	padding: 0 .26rem .1rem;
}
.trip-card ul li{
	padding: .2rem 0 0 .46rem;
	position: relative;
}
.trip-card ul li em{
	position: absolute;
	left: 0;
	top: .2rem;
	width: .34rem;
	height: .34rem;
	line-height: .34rem;
	text-align: center;
	color: #fff;
	font-size: .26rem;
	background: #e3b36b;
	border-radius: .06rem;
}
.trip-card ul li p{
	line-height: .34rem;
}
.trip-card ul li span{
	display: block;
	line-height: .6rem;
	font-size: .28rem;
	color: #c1c1c1;
	border-bottom: 1px dashed #E8E8E8;
}
.trip-card ul li:last-child span{
	border-bottom: none;
}
.trip-card ul li.people{
	padding-top: .1rem;
}
.trip-card ul li.people em{
	top: .3rem;
	background: url(../image/people_icon.png) no-repeat center center;
	background-size: .34rem .34rem;
}
.trip-card ul li.people p{
	line-height: .8rem;
	border-bottom: 1px dashed #E8E8E8;
}
.trip-card ul li.people p a{
	color: #4D5766;
}
